<!DOCTYPE html>
<html lang="ko">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>03bootstraplayout</title>
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
		<style type="text/css">
			#logo { height: 120px; background: red; }
			#findbox { height: 120px; background: orange; }
			nav div { height:40px; background: yellow; }
			aside { min-height: 550px; background: green; }
			section { height: 550px; background: blue; }
			#flogo { height: 100px; background: navy; }
			#copy { height: 100px; background: violet; }
			
		</style>
	</head>
	<body>
		<div class="container">
			<header class="row">
				<div class="span3" id="logo">로고</div>
				<div class="span9" id="findbox">검색상자</div>
			</header>
			<nav class="row">
				<div class="span12">
					<ul class="inline">
						<li><a href="#">프로젝트개요</a></li>
						<li><button class="btn btn-primary">공지사항</button></li>
						<li>게시판</li>
						<li>자료실</li>
						<li>갤러리</li>
						<li>커뮤니티</li>
						<li>쇼핑몰</li>
						<li>관리자</li>
					</ul>
				</div>
			</nav>
			<div class="row">
				<aside class="span3">
					로그인
					<div>1111</div><div>1111</div><div>1111</div><div>1111</div><div>1111</div><div>1111</div>
					<div>1111</div><div>1111</div><div>1111</div><div>1111</div><div>1111</div><div>1111</div>
					<div>1111</div><div>1111</div><div>1111</div><div>1111</div><div>1111</div><div>1111</div>
				</aside>
				<section class="span9">
					본문
				</section>
			</div>
			<footer class="row">
				<div class="span3" id="flogo">로고</div>
				<div class="span9" id="copy">copyright</div>
			</footer>		
		</div>
		
		
		<script src="js/jquery1.10.2.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
	</body>
</html>
